@import "../style/variables.less";

@contentWidth: 800px;
@buttonBarHeight: 80px;

.SettingsPane {
    position: relative;
    background-color: @blue-grey-100;
    overflow: hidden;
}
.SettingsPane-topBar,
.SettingsPane-body,
.SettingsPane-buttonBar {
    position: absolute;
    left: 0;
    right: 0;
}
.SettingsPane-body {
    top: @toolbarHeight;
    bottom: @buttonBarHeight;
}
.SettingsPane-buttonBar {
    bottom: 0;
    max-width: @contentWidth;
    height: @buttonBarHeight;
    line-height: @buttonBarHeight;
    text-align: center;
}

.SettingsPane-content {
    max-width: @contentWidth;
    height: 100%;
    padding: 30px;
    overflow-y: auto;
}

.SettingsPane-addPhotoDir {
    margin: 10px 0;
}
